<html style="overflow: auto; position: static; margin-right: 0px;">
 <head> 
  <meta name="data-spm" content="a219t" /> 
  <meta name="aplus-waiting" content="MAN" /> 
  <title>淘宝联盟</title> 
  <meta charset="utf-8" /> 
  <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no" /> 
  <meta name="renderer" content="webkit" /> 
  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> 
  <link rel="stylesheet" href="//g.alicdn.com/thx/cube/1.2.1/neat.css" /> 
  <link rel="stylesheet" href="//g.alicdn.com/thx/minecraft-animation/20151106.161602.306/css/animate-min.css" /> 
  <link rel="stylesheet" href="//g.alicdn.com/mm/pubplus/0.6.66/style/main.css" /> 
  <link rel="stylesheet" href="//g.alicdn.com/crm/anywhere/4.9.63/lib/entry.css" charset="utf-8" />
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <style type="text/css">
    .mt5{
      margin-top: 5px;
    }
    .topinput{
      display: flex;
      flex-wrap: wrap;
    }
    .topinput span{
      height: 100px;
      display:flex;
      align-items: center;
      margin: 5px 8px;
    }
    .topinput span input{
      margin-left: 5px;
    }
  </style>
 </head> 
 <body>
  <div id="app">
  <div class="topinput" style="padding: 10px 5px;">
    <span class="effect-keyword">活动标题<input type="text" v-model="t1" class="input w400 mt5"placeholder="火爆内容营销推广，抖音，快手直播带货" value=""></span>
    <!-- <br> -->
    <span class="effect-keyword">报名时间<input type="text" v-model="end_time1" class="input w200 mt5" placeholder="2019-08-29" value=""></span>
    <span class="effect-keyword">活动时间<input type="text" v-model="start_time2" class="input w200 mt5" placeholder="2019-08-29" value=""></span>
    <span class="effect-keyword">活动时间<input type="text" v-model="end_time2" class="input w200 mt5" placeholder="2019-08-29" value=""></span>
    <span class="effect-keyword">最晚审核时间<input type="text" v-model="end_time3" class="input w200 mt5" placeholder="--" value=""></span>
    <br>
    <span class="effect-keyword">推广商品数<input type="text" v-model="v1" class="input w200 mt5"placeholder="推广商品数" value=""></span>
    <span class="effect-keyword">引流UV<input type="text" v-model="v2" class="input w200 mt5" placeholder="引流UV" value=""></span>
    <span class="effect-keyword">付款金额<input type="text" v-model="v3" class="input w200 mt5" placeholder="付款金额" value=""></span>
    <span class="effect-keyword">付款笔数<input type="text" v-model="v4" class="input w200 mt5" placeholder="付款笔数" value=""></span>
    <br>
    <span class="effect-keyword">预估付款服务费<input type="text" v-model="v5" class="input w200 mt5" placeholder="预估付款服务费" value=""></span>
    <span class="effect-keyword">结算金额<input type="text" v-model="v6" class="input w200 mt5" placeholder="结算金额" value=""></span>
    <span class="effect-keyword">结算笔数<input type="text" v-model="v7" class="input w200 mt5" placeholder="结算笔数" value=""></span>
    <span class="effect-keyword">预估结算服务费<input type="text" v-model="v8" class="input w200 mt5" placeholder="预估结算服务费" value=""></span>
  </div>
  <div style="padding: 10px 10px;">
  <div mx-vframe="true" id="mx_n_67"> 
   <div class="bread-nav"> 
    <a href="/manage/cpevent/index.htm" class="color-l valign-m">我发起的招商活动</a> 
    <span class="color-c valign-m">&gt;</span> 
    <div class="dropdown  dropdown-searchbox"> 
     <button class="btn btn-default dropdown-toggle"> <span class="dropdown-toggle-label">{{ t1 }}</span> <span class="caret_custom caret_brixfont"> <span class="brixfont down"></span> <span class="brixfont up"></span> </span> </button> 
    </div> 
   </div> 
  </div> 
  <div class="sub-info clearfix"> 
   <div mx-vframe="true" id="mx_n_69"> 
    <h3 class="mt10 status-title mb10"><span class="status-7 f12 mr10"><span class="event-status-promo">●&nbsp;推广中</span></span><span class="title-text overflow_dotted"><span>{{t1}}</span></span><a href="javascript:void(0);" class="color-brand f12 fr mt10"><span class="pubfont icon-fuzhi1 f18" style="vertical-align: -3px;"></span>复制商家报名链接</a></h3> 
   </div> 
   <div> 
    <div class="fl" id="mx_n_71"> 
     <div class="info-bar pt10 pb10"> 
      <span class="time-item apply-time"><span class="color-l">报名时间</span><br /><span class="time-value"><span>{{ start_time1 }}</span><span class="ml5 mr5 color-l">至</span><span>{{ end_time1 }}</span></span></span> 
      <span class="time-item start-end-time"><span class="color-l">活动时间</span><br /><span class="time-value"><span>{{ start_time2 }}</span><span class="ml5 mr5 color-l">至</span><span>{{ end_time2 }}</span></span></span> 
      <span class="time-item deadline-time"><span class="color-l">最晚审核时间</span><br /><span class="time-value"><span>{{ end_time3 }}</span></span></span> 
     </div> 
    </div> 
    <div class="fr" id="mx_n_73"> 
     <div class="fr operators pt10 exporting-btn applying-btns"> 
      <div class="clearfix"> 
       <div class="btn-export fl"> 
        <div class="btn-export-delegate btn btn-brand btn-xlarge btn-no-radius w120 mb5">
          导出商品 
        </div> 
       </div> 
       <button class="btn btn-gray btn-xlarge btn-no-radius w120 fl" type="button">员工审核</button> 
      </div> 
     </div> 
    </div> 
   </div> 
  </div> 
  <div mx-vframe="true" id="mx_n_75"> 
   <div classs="summary-panel"> 
    <div class="summary mt20"> 
     <h5 class="f16">效果数据汇总<span class="f12 color-l ml20">汇总数据可隔日查看</span></h5> 
     <div class="summary-detail"> 
      <dl> 
       <dt> 
        <span>推广商品数</span> 
        <span class="pubfont icon-shuoming f14 ml5"></span> 
        <div class="popover popover-normal " style="width: 230px; height: auto;"> 
         <div class="popover-title hide"></div> 
        </div> 
       </dt> 
       <dd> 
        <span><span class="number number-18 mr5"><span class="integer"><span>{{ v1 }}</span></span></span> </span>
       </dd> 
      </dl> 
      <dl> 
       <dt> 
        <span>引流UV</span> 
        <span class="pubfont icon-shuoming f14 ml5"></span> 
        <div class="popover popover-normal" style="width: 230px; height: auto; display: none; top: 365.563px; left: 495.859px;"> 
         <div class="popover-title hide"></div> 
        </div> 
       </dt> 
       <dd> 
        <span><span class="number number-18"><span class="integer"><span>{{ v2 }}</span></span></span></span> 
       </dd> 
      </dl> 
      <dl> 
       <dt> 
        <span>付款金额</span> 
        <span class="pubfont icon-shuoming f14 ml5"></span> 
       </dt> 
       <dd> 
        <span><span class="number number-18"><span class="integer"><span class="integer">{{ v3 }}</span></span></span></span> 
       </dd> 
      </dl> 
      <dl> 
       <dt> 
        <span>付款笔数</span> 
        <span class="pubfont icon-shuoming f14 ml5"></span> 
        <div class="popover popover-normal " style="width: 230px; height: auto;"> 
         <div class="popover-title hide"></div> 
        </div> 
       </dt> 
       <dd> 
        <span><span class="number number-18"><span class="integer"><span>{{ v4 }}</span></span></span></span> 
       </dd> 
      </dl> 
      <dl> 
       <dt> 
        <span>预估付款服务费</span> 
        <span class="pubfont icon-shuoming f14 ml5"></span> 
       </dt> 
       <dd> 
        <span><span class="number number-18 mr5"><span class="integer"><span class="integer">{{ v5 }}</span></span></span></span> 
       </dd> 
      </dl> 
      <dl> 
       <dt> 
        <span>结算金额</span> 
        <span class="pubfont icon-shuoming f14 ml5"></span> 
       </dt> 
       <dd> 
        <span><span class="number number-18"><span class="integer"><span class="integer">{{ v6 }}</span></span></span></span> 
       </dd> 
      </dl> 
      <dl> 
       <dt> 
        <span>结算笔数</span> 
        <span class="pubfont icon-shuoming f14 ml5"></span> 
       </dt> 
       <dd> 
        <span><span class="number number-18"><span class="integer"><span>{{ v7 }}</span></span></span></span> 
       </dd> 
      </dl> 
      <dl> 
       <dt> 
        <span>预估结算服务费</span> 
        <span class="pubfont icon-shuoming f14 ml5"></span> 
       </dt> 
       <dd> 
        <span><span class="number number-18 mr5"><span class="integer"><span class="integer">{{ v8 }}</span></span></span></span> 
       </dd> 
      </dl> 
     </div> 
    </div> 
   </div> 
  </div>
</div>
</div>
<script type="text/javascript">
  var vm=new Vue({
    el:"#app",
    data:{
      start_time1:"2019-08-29",
      start_time2:"2019-08-29",
      end_time1:"2019-08-29",
      start_time2:"2019-08-29",
      end_time2:"2019-08-29",
      end_time3:"--",
      t1:"火爆内容营销推广，抖音，快手直播带货",
      v1:"--",
      v2:"--",
      v3:"--",
      v4:"--",
      v5:"--",
      v6:"--",
      v7:"--",
      v8:"--"
    }
  })

</script>
 </body>
</html>